
.layer dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, legend, li, ol, p, ul { margin: 0px; padding: 0px; }
.layer a { text-decoration: none; color: rgb(102, 102, 102); }
.layer a:hover { color: rgb(0, 172, 233); }
.layer fieldset, img { border: medium none; outline: medium none; }
.layer img { vertical-align: middle; }
.layer button { border: medium none; background-color: rgb(255, 255, 255); outline: 0px none; }
.layer li, ol, ul { list-style: outside none none; }


@font-face {
	font-family: "iconfont";
	src: url('/static/kflayer/iconfont.eot') format("embedded-opentype"), url('/static/kflayer/iconfont.woff') format("woff"), url('/static/kflayer/iconfont.ttf') format("truetype"), url('/static/kflayer/iconfont.svg') format("svg");
}
.iconfont { font-family: iconfont !important; font-size: 16px; font-style: normal; font-weight: 400; -webkit-text-stroke-width: 0.2px; }
.icon-tip::before { content: ""; }
.icon-down::before { content: ""; }
.icon-up::before { content: ""; }
.icon-currect::before { content: ""; }
.icon-square::before { content: ""; }
.icon-phone::before { content: ""; }
.icon-back::before { content: ""; }
.icon-qq::before { content: ""; }
.icon-weixin::before { content: ""; }
.icon-rectangle::before { content: ""; }
.icon-search::before { content: ""; }
.icon-save::before { content: ""; }
.icon-circle_b::before { content: ""; }
.icon-circle_s::before { content: ""; }
.icon-voice::before { content: ""; }
.icon-plus::before { content: ""; }
.icon-minus::before { content: ""; }
.icon-warn::before { content: ""; }
.icon-round::before { content: ""; }
.icon-goUp::before { content: ""; }
.icon-read::before { content: ""; }
.icon-service::before { content: ""; }
.icon-right::before { content: ""; }
.icon-prompt::before { content: ""; }
.icon-defraud::before { content: ""; }
.icon-illegal::before { content: ""; }
.icon-rules::before { content: ""; }
.icon-steal::before { content: ""; }
.icon-others::before { content: ""; }
.icon-record::before { content: ""; }
.icon-progress::before { content: ""; }
.icon-xcx::before { content: ""; }
.icon-notice::before { content: ""; }

.layer { position: fixed; right: 50px; top: 50%; margin-top: -97px; z-index: 10000; }
.layer ul { border-radius: 5px; box-shadow: 0px 0px 6px rgb(229, 229, 229); }
.layer ul li { position: relative; z-index: 10000; cursor: pointer; }
.layer ul li a { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 48px; background-color: rgb(255, 255, 255); color: rgb(0, 172, 233); position: relative; transition: all 0.2s ease 0s; font-size: 25px; }
.layer ul li a.icon-weixin { border-radius: 5px 5px 0px 0px; }
.layer ul li a.icon-service { border-radius: 0px 0px 5px 5px; }
.layer ul li a:hover { background-color: rgb(0, 172, 233); color: rgb(255, 255, 255); text-decoration: none; }
.layer ul li:not(:last-child)::after { content: ""; width: 95%; height: 0px; border-bottom: 1px solid rgb(238, 238, 238); position: absolute; bottom: 0px; left: 0px; right: 0px; }
.layer ul li:hover .layer_box { display: block; animation: 0.3s ease-in-out 0s normal forwards 1 running i; transform-origin: right center 0px; }
.layer ul li:hover .phone_box { transform-origin: right 40% 0px; }
.layer ul li .layer_box { position: absolute; right: 58px; border: 1px solid rgb(226, 226, 226); box-shadow: 0px 0px 10px rgb(226, 226, 226); border-radius: 5px; padding: 18px 16px 16px; display: none; background-color: rgb(255, 255, 255); }
.layer ul li .layer_box::before { border-width: 8px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(215, 215, 215); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.layer ul li .layer_box::after, .layer ul li .layer_box::before { position: absolute; width: 0px; height: 0px; content: ""; top: inherit; bottom: inherit; left: 100%; margin-left: -1px; font-size: 0px; }
.layer ul li .layer_box::after { border-width: 7px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.layer ul li .online-box { top: -51px; width: 247px; height: 103px; }
.layer ul li .online-box::after, .layer ul li .online-box::before { top: 73px; }
.layer ul li .online-box p { color: rgb(0, 0, 0); margin-bottom: 2px; }
.layer ul li .online-box span { color: rgb(161, 161, 161); font-size: 13px; }
.layer ul li .online-box .onlineBtn { position: absolute; left: 16px; bottom: 16px; background-color: rgb(0, 172, 233); color: rgb(255, 255, 255); padding: 6px 10px; border-radius: 4px; cursor: pointer; font-family: helvetica neue,arial,hiragino sans gb,microsoft yahei,sans-serif; height: 29px; }
.layer ul li .online-box .onlineBtn:hover { background-color: rgb(4, 189, 255); }
.layer ul li .qq_box, .layer ul li .wechat_box { top: -51px; width: 300px; height: 95px; padding: 26px 23px; }
.layer ul li .qq_box::after, .layer ul li .qq_box::before, .layer ul li .wechat_box::after, .layer ul li .wechat_box::before { top: 73px; }
.layer ul li .qq_box i, .layer ul li .wechat_box i { width: 95px; height: 95px; display: block; position: absolute; left: 23px; top: 26px; }
.layer ul li .qq_box i.wechat_code, .layer ul li .wechat_box i.wechat_code {  }
.layer ul li .qq_box i.qq_code, .layer ul li .wechat_box i.qq_code { background: rgba(0, 0, 0, 0) url('qq_code.png') no-repeat scroll center bottom / 100% 100%; }
.layer ul li .qq_box .txt-box, .layer ul li .wechat_box .txt-box { padding-left: 112px; height: 95px; display: flex; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; -moz-box-pack: center; justify-content: center; }
.layer ul li .qq_box .txt-box p, .layer ul li .wechat_box .txt-box p { display: block; color: rgb(0, 0, 0); margin-bottom: 8px; }
.layer ul li .qq_box .txt-box span, .layer ul li .wechat_box .txt-box span { color: rgb(161, 161, 161); }
.layer ul li .phone_box { top: -52px; width: 313px; }
.layer ul li .phone_box::after, .layer ul li .phone_box::before { top: 73px; }
.layer ul li .phone_box dl { line-height: 22px; }
.layer ul li .phone_box dl dt { padding-top: 10px; color: rgb(0, 0, 0); border-top: 1px solid rgb(226, 226, 226); font-size: 13px; text-align: justify; }
.layer ul li .phone_box dl dd { margin-bottom: 10px; }
.layer ul li .phone_box dl dd p { color: rgb(0, 0, 0); }
.layer ul li .phone_box dl dd p:nth-child(2) { font-size: 16px; }
.layer ul li .phone_box dl dd span { display: block; color: rgb(161, 161, 161); font-size: 13px; text-align: justify; }
.layer ul li:last-child .iconfont { border-radius: 0px 0px 5px 5px; }